<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="./css/api.css" />
    <style type="text/css">
        html,
        body {
            height: 100%;
        }
        
        #wrap {
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-flex-flow: column;
            flex-flow: column;
        }
        
        #header {
            text-align: center;
            background-color: #81a9c3;
            color: #fff;
            width: 100%;
        }
        
        #header h1 {
            font-size: 20px;
            height: 44px;
            line-height: 44px;
            margin: 0em;
            color: #fff;
        }
        
        #main {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
        }
        
        #footer {
            height: 30px;
            line-height: 30px;
            background-color: #81a9c3;
            width: 100%;
            text-align: center;
        }
        
        #footer h5 {
            color: white;
        }
        
        .con {
            font-size: 28px;
            text-align: center;
        }
    </style>
</head>

<body>
    <div id="wrap">
        <div id="header">
            <h1>用户登录</h1>
        </div>
        <div id="main">

        </div>

    </div>
</body>
<script type="text/javascript" src="./script/api.js"></script>
<script src="./js/crypto-js.js"></script>
<script src="./js/app.js"></script>
<script src="./js/index.js"></script>
<script type="text/javascript">
    apiready = function() {
        console.log("Hello APICloud");

        var header = $api.byId('header');
        //适配iOS 7+，Android 4.4+状态栏
        $api.fixStatusBar(header);

        var headerPos = $api.offset(header);
        var main = $api.byId('main');
        var mainPos = $api.offset(main);
        //获取应用配置信息
        appConfig();
        api.openWin({
            name: 'main',
            url: './html/main.html',
            bounces: false,
            pageParam: {
                key: 'value'
            }
        });


    };
</script>

</html>